$theme: #ff861b;
$yelChange: linear-gradient(0deg, rgba(255, 134, 27, 1), rgba(254, 170, 49, 1)); //主体渐变色
$theme2: rgba($color: $theme,
  $alpha: 0.8);
$theme3: rgba($color: $theme,
  $alpha: 0.1);
$theme4: rgba($color: $theme,
  $alpha: 0.9);

$white:#ffffff; //白色
$green:#0BD093; //绿色
$pink:#DB1050; //粉色
$red: #FF5A5F; //红色
$blue: #3DD9F8; //淡蓝色
$blue2: #61729e; //深蓝色
$yel: #fe7531; //橘黄色
$yel2: #fe915a; //浅黄
$bor: #dcdcdc; //通用边框
$bor2: #f8f8f8; //浅色边框
$bor3: #eaeaea; //浅色边框
$bj: #fcf7f4; //背景色
$g0: #000;
$g1: #111;
$g2: #222;
$g3: #333;
$g4: #444;
$g5: #555;
$g6: #666;
$g7: #777;
$g8: #888;
$g9: #999;
$shadow: 0rpx 11rpx 13rpx 3rpx rgba(212, 210, 210, 0.32);
$bjurl: "https://socard.busypi.com/web_img/"; //服务器地址
// $bjurl: "http://localhost:3003/public/steadyCarProtect/bj_img/";//本地地址
$url: "https://socard.busypi.com/web_img/"; //服务器地址
// $url: "http://localhost:3003/public/steadyCarProtect/"; //本地地址

//bjurl = ''
.ellipsis {
  overflow: hidden; //超出一行文字自动隐藏 
  text-overflow: ellipsis; //文字隐藏后添加省略号
  white-space: nowrap; //强制不换行 
}

// 两行文字省略
.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.win {
  line-height: 1;
  font-weight: 500;
  background-color: #F3F3F3;
  min-height: 100vh;
  overflow: hidden;
}

.liner_top {
  background-color: #2E3133;
  height: 1rpx;
  width: 750rpx;
  position: fixed;
  top: 0;
  left: 0;
}

.see-bottom {
  color: $green;
  font-size: 32rpx;
  margin: 0 auto;
  text-align: center;
  padding-top: 40rpx;
  line-height: 1;

  text-decoration: underline;
}

.index_item_head {
  margin-bottom: 10rpx;

  p {
    font-size: 30rpx;
    color: #1e1e1e;
    font-weight: bold;
    margin-left: 15rpx;
    margin-bottom: 2rpx;
  }

  img {
    width: 302rpx;
    height: 2rpx;
  }
}

// 大蓝色按钮
.big_blue_btn {
  width: 690rpx;
  height: 100rpx;
  border-radius: 10rpx;
  margin: 0 auto;
  background-color: $blue;
  font-size: 30rpx;
  color: #ffffff;
  line-height: 100rpx;
}

::after {
  border: none;
}

.big_grey_btn {
  width: 690rpx;
  height: 100rpx;
  border-radius: 10rpx;
  margin: 0 auto;
  background-color: #dddddd;
  font-size: 30rpx;
  color: #ffffff;
  line-height: 100rpx;
}

::after {
  border: none;
}

.row {
  display: flex;
}

.row_bet_cen {
  display: flex;

  justify-content: space-between;
  align-items: center;
}

.colum {
  display: flex;
  flex-direction: column;
}

.colum_cen {
  display: flex;
  flex-direction: column;
  align-items: center;
}

// 函数调用  @include

// 投影函数
@mixin shadow() {
  box-shadow: $shadow;
}

//多余文字省略函数
@mixin text-overflow($width: 100%, $display: block) {
  width: $width;
  display: $display;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

// 绝对定位式水平垂直居中
@mixin abs_cen($w: 100px, $h: 100px) {
  position: absolute;
  z-index: 2;
  $w: $w;
  width: $w;
  height: $h;
  left: 50%;
  top: 50%;
  margin-left: -$w/2;
  margin-top: -$h/2;
}

// 背景图函数
@mixin bj_img($imgurl) {
  background-image: url($url+$imgurl);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

// 全局占位空间
.glspace {
  height: 10px;
  width: 100%;
}

.space2 {
  height: 20vh;
  width: 100%;
}

/* 封装弹窗样式 */
.popup {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-row {
  position: relative;
  background-color: #fff;
  padding: 10rpx;
  border-radius: 10rpx;
  width: 90%;
}

/* 封装小按钮 */
.btn-small {
  background-color: $theme;
  border-radius: 40rpx;
  font-size: 15px;
  color: #fff;
  height: auto;
  padding: 5px 15px;
  display: block;
  width: auto;
  line-height: 2;

  &::after {
    border: none;
  }

  &.fff {
    background-color: #f1f1f1;
    // color: $blue;
  }
}

.goodbtn {
  $h: 40px;
  width: 80%;
  margin: 20px auto;
  height: $h;
  font-size: 18px;
  color: #fff;
  border-radius: $h/2;
  background-color: $theme;
  line-height: $h;
  text-align: center;
}

/* 大号按钮 */
.btn-big {
  $h: 40px;
  width: 90%;
  margin: 20px auto;
  height: $h;
  font-size: 18px;
  color: #fff;
  border-radius: $h/2;
  background-color: $theme;
  line-height: $h;
  text-align: center;

  &::after {
    border: none;
  }

  &.fff {
    background-color: #f1f1f1;
    color: $blue;
  }
}

/* 搜索框 */
.int {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  width: 95%;
  margin: 0 auto;
  border: 1px solid $bor;
  border-radius: 5px;
  padding-left: 10px;
  line-height: 2.4;
  box-sizing: border-box;

  .magn {
    margin-right: 3px;
    margin-top: -3px;
  }
}

// 全局用户信息弹窗样式
.get_pop_btn_row {
  padding: 20rpx;

  p {
    font-size: 30rpx;
    line-height: 40rpx;
    padding: 0 20rpx;
  }

  .get_pop_btn {
    width: 150rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75rpx;
    margin: 30rpx auto 0rpx;
  }
}
